<template>
  <a class="all" href="#">
     <img src="../../../../assets/img/test4.jpg" alt="" class="portray">
		 <div class="name">{{singer.name}}</div>
  </a>
</template>

<script>
  export default{
    name:'',
    data(){
      return {
        
      }
    },
    computed:{
      showGoods(){
        return 0
      }
    },
    props:{
      singer:{
        type:Object,
        default(){
          return {
						img:'',
						name:'暂无'
					}
        }
      }
    },
    methods:{
      test(){
        
      }
    },
    components:{
       
    },
    created(){
      
    },
    activated(){
    
    },
    mounted(){
    
    },
    updated(){
      
    },
    deactivated(){
    
    },
    destroyed(){
    
    },
  }
</script>

<style scoped>
	.all{
		text-align: center;
		font-size: 18px;
		padding: 5px;
		background-color: var(--bcc-grey);
		display: block;
	}
	.name:hover{
		color: var(--bcc-green);
	}
	.portray{
		width: 80%;
		border-radius: 50%;
	}
</style>
